<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>个人主页</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/all.css" />
		<link rel="stylesheet" href="css/others-homepage.css" />
		<link rel="stylesheet" href="css/home-page.css" />
	</head>

	<body>
		<div>
			<div class="backdrop">
				<div>
					<span onclick="go()"><img src="img/zuojiantou.png" alt="" class="arrows-one"></span>
				</div>
				<div class="portrait row">
					<div class="bigs-two">
						<img class="bigs-three" src="img/500619593.png" alt="" id="others-portraits">
					</div>
					<span class="pets-name">陌上浅笑</span>
				</div>
				<div class="introduce">
					<span class="introduce-one">女生</span><span class="introduce-two">河南郑州</span>
					<p>很高兴和大家在一起分享项目！</p>
				</div>
			</div>
			<div>
				<div class="issue">
					<p>发布的任务</p>
				</div>
				<div id="others-big">
					<!--<div class="big-box">
						<div class="big-one row">
							<div class="big-two">
								<img class="big-three" src="img/500619593.png" alt="">
							</div>
							<span class="pet-name">陌上浅笑</span>
							<span class="pet-names">3分钟前</span>
						</div>
						<div class="character">
							<div onclick="location.href='./advertising-details.html'">
								<p>2018年09月15日，苹果公司推出经过全新设计的MacBook、MacBook Pro系列笔记本电脑和新产品Apple LEDCinema Display显示器。难道就是南非测定覅偶基色噢覅偶</p>
							</div>
						</div>
						<div class="picture">
							<img src="img/500088528.png" alt="">
						</div>
						<div class="art">
							<span class="one">100</span><span class="two">个红包正在进行</span>
							<img class="three" src="img/fenxiang.png" alt="">
						</div>
					</div>-->
				</div>

				<!--<div class="big-box">
					<div class="big-one row">
						<div class="big-two">
							<img class="big-three" src="img/500619593.png" alt="">
						</div>
						<span class="pet-name">陌上浅笑</span>
						<span class="pet-names">3分钟前</span>
					</div>
					<div class="character">
						<div onclick="location.href='./advertising-details.html'">
							<p>2018年09月15日，苹果公司推出经过全新设计的MacBook、MacBook Pro系列笔记本电脑和新产品Apple LEDCinema Display显示器。难道就是南非测定覅偶基色噢覅偶</p>
						</div>
					</div>
					<div class="big-picture row">
						<div class="pictures">
							<img src="img/500413215.png" alt="">
						</div>
						<div class="pictures">
							<img src="img/501071324.png" alt="">
						</div>
						<div class="pictures">
							<img src="img/501072207.png" alt="">
						</div>
					</div>
					<div class="art">
						<span class="one">100</span><span class="two">个红包正在进行</span>
						<img class="three" src="img/fenxiang.png" alt="">
					</div>
				</div>-->
 			</div>
		</div>
		<script src="js/jquery.js"></script>
		<script src="js/x_rem.js"></script>
		<script src="js/secondLevel.js"></script>
		<script src="js/all.js"></script>
		<script type="text/javascript">
			(() => {

				var userName = GetQueryString("userName");

				$.ajax({
					type: "post",
					url: Url + "/user/getUsers2",
					xhrFields: {
						withCredentials: true
					},
					data: {
						userName: userName
					},
					success: ((data) => {
						if(data.success){
								userName = ""; 
	
							$("#others-portraits").prop("src", data.message.users.portrait); //就把头像换到页面上去
							$(".pets-name").text(data.message.users.nickName); //名字
							$(".introduce-one").text(data.message.users.sex); //性别address
							$(".introduce-two").text(data.message.users.address);   //地区
	
							let arr = data.message.browseTasks;
							console.log(arr);
							var html = "";
							for(let i = 0; i < arr.length; i++) {
								html += `
									<div class="big-box">
										<div class="big-one row">
											<div class="big-two">
												<img class="big-three" src="${data.message.users.portrait}" alt="">
											</div>
											<span class="pet-name">${data.message.users.nickName}</span>
											<span class="pet-names">3分钟前</span>
										</div>
										<a href="advertising-details.html?id=${arr[i].browseTaskId}"> 
											<div class="character">
												<div onclick="location.href='./advertising-details.html'">
													<p>${arr[i].title}</p>
												</div>
											</div>
											<div class="picture">
												<img src="${arr[i].picture}" alt="">
											</div>
										</a>
										<div class="art">
											<span class="one">100</span><span class="two">个红包正在进行</span>
											<img class="three" src="img/fenxiang.png" alt="">
										</div>
									</div>
								
								`
							}
							$("#others-big").html(html);
						}else{
							popup(data.message);
						}
						 
					}),
					error: ((err) => {
						console.log(err);
					})
				});

			})()
		</script>

	</body>

</html>